.index-image{
	width: 100%;
	min-height: 300rpx;
}
.swiperBox{
		width: 100%;
		min-height: 150rpx !important;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		&-swiper{
			min-height: 150rpx !important;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
		}
		&-image{
			width: 100%;
			// height: 100%;
			min-height: 150rpx !important;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
		}
	}
	.main-wrapper{
		margin: -30rpx 30rpx;
		padding-bottom: 1rpx;
		background: $globalColor-white;
		border-radius: 25rpx 25rpx;
		position: relative;
		z-index: 2;
	}
	.tabbox{
		&-wrapper{
			@include flexBetween;
			background: $globalColor-white;
			border-radius: 25rpx 25rpx;
		}
		&-item{
			width: 50%;
			background: url($uni-static-dir+'/images/tab.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			text-align: center;
			font-size: 36rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: $globalColor-fontStyle;
			padding: 29rpx 0 19rpx;
			position: relative;
			z-index: 2;
			margin-top: -60rpx;
			&::before{
				content: "";
				position: absolute;
				bottom: 20rpx;
				z-index: -1;
				width: 144rpx;
				height: 10rpx;
				background: #FCCD4D;
				opacity: 1;
			}
			&--active0{
				background: url($uni-static-dir+'/images/tab-01.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				text-align: center;
				padding: 23rpx 0 40rpx;
				margin-top: 0rpx;
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				&::before{
					background: transparent;
				}
			}
			&--active1{
				background: url($uni-static-dir+'/images/tab-02.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				text-align: center;
				padding: 23rpx 0 40rpx;
				margin-top: 0rpx;
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				&::before{
					background: transparent;
				}
			}
		}
	}
	.addrbox{
		@include flexLeft;
		margin: 0 30rpx;
		&-item{
			@include flexLeftColumn;
			margin-right: 75rpx;
		}
		&-title{
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #888B95;
		}
		&-txt{
			@include flexLeft;
			white-space: nowrap;
			margin-top: 30rpx;
			.title{
				font-size: 34rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: $globalColor-fontStyle;
				&-sou{
					width: 200rpx;
					white-space: nowrap;
					// -webkit-line-clamp: 1;  //（（用来限制在一个块元素显示的文本的行数，2 表示最多显示 2 行。为了实现该效果，它需要组合其他的 WebKit 属性）
					// display: -webkit-box;  //（（和 1 结合使用，将对象作为弹性伸缩盒子模型显示 ）
					// -webkit-box-orient: vertical;  //（（和 1 结合使用 ，设置或检索伸缩盒对象的子元素的排列方式 ）
					overflow: hidden;  //（（文本溢出限定的宽度就隐藏内容）
					text-overflow: ellipsis;   //（多行文本的情况下，用省略号 “…” 隐藏溢出范围的文本)
				}
				&-mo{
					width: 120rpx;
					white-space: nowrap;
					// -webkit-line-clamp: 1;  //（（用来限制在一个块元素显示的文本的行数，2 表示最多显示 2 行。为了实现该效果，它需要组合其他的 WebKit 属性）
					// display: -webkit-box;  //（（和 1 结合使用，将对象作为弹性伸缩盒子模型显示 ）
					// -webkit-box-orient: vertical;  //（（和 1 结合使用 ，设置或检索伸缩盒对象的子元素的排列方式 ）
					overflow: hidden;  //（（文本溢出限定的宽度就隐藏内容）
					text-overflow: ellipsis;   //（多行文本的情况下，用省略号 “…” 隐藏溢出范围的文本)
				}
			}
			.select{
				width: 20rpx;
				height: 20rpx;
				margin-left: 10rpx;
			}
			.daybox{
				@include flexCenterColumn;
				.day{
					font-size: 26rpx;
					font-family: PingFang SC-Bold, PingFang SC;
					font-weight: bold;
					color: #5E5E5E;
				}
				.nextImg{
					width: 90rpx;
					height: 6rpx;
				}
			}
		}
		.addr{
			width: 40rpx;
			height: 40rpx;
			margin-left: 30rpx;
		}
	}
	.line{
		border-bottom: $globalColor-border;
		margin: 40rpx 0;
		width: 100%;
		height: 2rpx;
	}
	.timebox{
		@include flexBetween;
		margin: 0 30rpx;
		&-item{
			@include flexLeftColumn;
			&--last{
				@include flexRightColumn;
			}
		}
		&-title{
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #888B95;
		}
		&-txt{
			@include flexLeft;
			white-space: nowrap;
			margin-top: 30rpx;
			.title{
				font-size: 32rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: $globalColor-fontStyle;
			}
		}
		&-daybox{
			@include flexCenterColumn;
			.day{
				font-size: 26rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: #5E5E5E;
				margin-bottom: 10rpx;
			}
			.nextImg{
				width: 90rpx;
				height: 8rpx;
			}
		}
		.addr{
			width: 40rpx;
			height: 40rpx;
			margin-left: 30rpx;
		}
	}
	.timebig{
		margin: 0 30rpx;
		&-box{
			@include flexLeft;
		}
		&-item{
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			opacity: 1;
			// border: 1px solid #D6D6D6;
			background: #F5F5F5;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: $globalColor-fontStyle;
			padding: 20rpx 55rpx;
			margin-right: 21rpx;
			white-space: nowrap;
			&--active{
				// background: #FFF4D6;
				// border: 2rpx solid #FFD204;
				background: url($uni-static-dir+'/images/index-bg.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				border-radius: 10rpx 10rpx 10rpx 10rpx;
				opacity: 1;
				font-size: 32rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: $globalColor-fontStyle;
			} 
		}
	}
	
	.initBtnbox{
		margin: 70rpx 5% 40rpx;
	}
	
	.coupon{
		background-color: $globalColor-white;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		// padding: 0 30rpx;
		margin: 60rpx 30rpx 30rpx;
		&-wrapper{
			@include flexBetween;
		}
		&-item{
			@include flexLeftColumn;
		}
		&-title{
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: $globalColor-fontStyle;
		}
		&-red{
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: $globalColor-red;
		}
		&-tips{
			@include flexLeft;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #888B95;
			margin-top: 10rpx;
		}
		&-go{
			width: 85rpx;
			height: 30rpx;
			margin-left: 25rpx;
		}
		&-icon{
			width: 198rpx;
			height: 144rpx;
		}
	}
	.typebox{
		margin: 0 30rpx;
		@include flexLeft;
		&-level{
			background: url($uni-static-dir+'/images/icon-bg1.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			padding: 30rpx 0 0 30rpx;
			width: 335rpx;
			height: 398rpx;
		}
		&-levelTitle{
			font-size: 36rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #FCF3C9;
		}
		&-levelTips{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFBDF;
			margin-top: 9rpx;
		}
		&-item{
			@include flexLeftColumn;
		}
		&-coupon{
			margin-left: 30rpx;
			background: url($uni-static-dir+'/images/icon-bg2.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			padding: 30rpx 0 0 30rpx;
			width: 335rpx;
			height: 184rpx;
		}
		&-couponTitle{
			font-size: 36rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #CA2C3F;
		}
		&-couponTips{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #DC777D;
			margin-top: 9rpx;
		}
		&-firm{
			margin: 30rpx 0 0 30rpx;
			background: url($uni-static-dir+'/images/icon-bg3.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			padding: 30rpx 0 0 30rpx;
			margin-bottom: 9rpx;
			width: 335rpx;
			height: 184rpx;
		}
		&-firmTitle{
			font-size: 36rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #232323;
		}
		&-firmTips{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #515151;
		}
	}
	